﻿body {
	padding-top: 50px;
}

.navbar-fixed-top {
	border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.body-sidebar {
	display: none;
}

@media (min-width: 768px) {
	.body-sidebar {
		position: fixed;
		top: 55px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #0099CC;
	}
}

.sidebar-panel {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}

.panel-mysoft-sidebar {
	border: none;
	background-color: #0099CC;
}

.sidebar-panel .panel + .panel {
	margin-top: 0;
}

.panel-mysoft-sidebar > .panel-heading {
	color: #eee;
	border: none;
	padding: 0;
	min-height: 35px;
	font-size: 0.833em;
	background-color: #0089B7;
}

	.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body {
		border: none;
		padding: 0;
	}

.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body {
	border: none;
	padding: 0;
}

	.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group,
	.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group {
		margin-bottom: 0;
	}

		.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .list-group-item,
		.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .list-group-item {
			border: none;
			padding: 0;
			background-color: #0099CC;
			color: #ddd;
			font-size: 0.8em;
		}

			.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .list-group-item > a,
			.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .list-group-item > a {
				line-height: 35px;
				height: 35px;
				display: block;
				text-indent: 12px;
				width: auto;
				color: #ddd;
			}

				.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .list-group-item > a:hover,
				.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .list-group-item > a:focus,
				.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .list-group-item > a:hover,
				.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .list-group-item > a:focus {
					color: #fff;
					text-decoration: none;
				}

		.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .active > a,
		.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .active > a {
			color: #0089B7;
			background-color: #fff;
		}

			.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .active > a:hover,
			.panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .active > a:focus,
			.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .active > a:hover,
			.panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .active > a:focus {
				color: #0089B7;
				text-decoration: none;
			}

.panel-mysoft-sidebar > .panel-heading > .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.08em;
	color: inherit;
}

	.panel-mysoft-sidebar > .panel-heading > .panel-title > a {
		line-height: 35px;
		height: 35px;
		display: block;
		text-indent: 10px;
		width: auto;
		color: #ddd;
	}

		.panel-mysoft-sidebar > .panel-heading > .panel-title > a:hover,
		.panel-mysoft-sidebar > .panel-heading > .panel-title > a:focus {
			color: #fff;
			text-decoration: none;
		}

.panel-mysoft-sidebar > .panel-heading > h4 > a > i {
	width: 28px;
}


/*
	Mysoft Navbar
*/
.navbar-mysoft {
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	background-color: #fff;
	border-top: 4px solid #0099CC;
	border-bottom-color: #eee;
}

	.navbar-mysoft .navbar-brand {
		color: #0089B7;
	}

		.navbar-mysoft .navbar-brand > .fa-lg {
			font-size: 1.15em;
			line-height: 0.75em;
			vertical-align: -15%;
		}

		.navbar-mysoft .navbar-brand:hover,
		.navbar-mysoft .navbar-brand:focus {
			color: #0089B7;
			background-color: #fff;
		}

	.navbar-mysoft .navbar-text {
		color: #777;
	}

	.navbar-mysoft .navbar-nav > li > a {
		color: #777;
	}

		.navbar-mysoft .navbar-nav > li > a:hover,
		.navbar-mysoft .navbar-nav > li > a:focus {
			color: #BBB;
			background-color: #fff;
		}

	.navbar-mysoft .navbar-nav > .active > a,
	.navbar-mysoft .navbar-nav > .active > a:hover,
	.navbar-mysoft .navbar-nav > .active > a:focus {
		color: #777;
		background-color: #fff;
	}

	.navbar-mysoft .navbar-nav > .disabled > a,
	.navbar-mysoft .navbar-nav > .disabled > a:hover,
	.navbar-mysoft .navbar-nav > .disabled > a:focus {
		color: #ccc;
		background-color: #fff;
	}

	.navbar-mysoft .navbar-toggle {
		border-color: transparent;
	}

		.navbar-mysoft .navbar-toggle:hover,
		.navbar-mysoft .navbar-toggle:focus {
			background-color: #fff;
			border-color: #ccc;
		}

		.navbar-mysoft .navbar-toggle .icon-bar {
			background-color: #AAA;
		}

	.navbar-mysoft .navbar-collapse,
	.navbar-mysoft .navbar-form {
		border-color: #e7e7e7;
	}

	.navbar-mysoft .navbar-nav > .open > a,
	.navbar-mysoft .navbar-nav > .open > a:hover,
	.navbar-mysoft .navbar-nav > .open > a:focus {
		background-color: #0099CC;
		color: #fff;
	}

	.navbar-mysoft .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}

		.navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:hover,
		.navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #BBB;
			background-color: transparent;
		}

	.navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #BBB;
		background-color: transparent;
	}

	.navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

@media (max-width: 767px) {
	.navbar-mysoft .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}

		.navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:hover,
		.navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #BBB;
			background-color: transparent;
		}

	.navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #BBB;
		background-color: transparent;
	}

	.navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
}

.navbar-mysoft .navbar-link {
	color: #777777;
}

	.navbar-mysoft .navbar-link:hover {
		color: #333333;
	}

.navbar-mysoft .btn-link {
	color: #777777;
}

	.navbar-mysoft .btn-link:hover,
	.navbar-mysoft .btn-link:focus {
		color: #333333;
	}

	.navbar-mysoft .btn-link[disabled]:hover,
	fieldset[disabled] .navbar-mysoft .btn-link:hover,
	.navbar-mysoft .btn-link[disabled]:focus,
	fieldset[disabled] .navbar-mysoft .btn-link:focus {
		color: #cccccc;
	}

#page-message {
	z-index: 500;
}

	#page-message div {
		z-index: 500;
	}

/*
 * Body content
 */

.body-content {
	padding: 20px;
	padding-bottom: 0;
	background-color: rgba(242,242,242,.85);
}

@media (min-width: 768px) {
	.body-content {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.body-content .body-header {
	margin-top: 0;
	color: #0099CC;
}

.body-content .body-sub-header {
	margin-top: 0;
	color: #666;
}

@media (max-width: 768px) {
	.body-content .body-header,
	.body-content .body-sub-header {
		text-align: left;
	}
}

.first-lg:first-letter {
	font-size: 1.222222em;
}

.placeholders {
	margin-bottom: 15px;
}

/*
 * fa close
 */
.fa-close-linkbtn {
	float: right;
	line-height: 1;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

	.fa-close-linkbtn:hover,
	.fa-close-linkbtn:focus {
		color: #000000;
		text-decoration: none;
		cursor: pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}


/*
	Mysoft Navbar 
	Theme CSCM theme-cs .navbar-mysoft 
*/
.theme-cs .navbar-mysoft {
	border-top: 4px solid #B658D1;
	border-bottom-color: #eee;
}

	.theme-cs .navbar-mysoft .navbar-brand {
		color: #B658D1;
	}

		.theme-cs .navbar-mysoft .navbar-brand > .fa-lg {
			font-size: 1.15em;
			line-height: 0.75em;
			vertical-align: -15%;
		}

		.theme-cs .navbar-mysoft .navbar-brand:hover,
		.theme-cs .navbar-mysoft .navbar-brand:focus {
			color: #B658D1;
			background-color: #fff;
		}

	.theme-cs .navbar-mysoft .navbar-text {
		color: #B658D1;
	}

	.theme-cs .navbar-mysoft .navbar-nav > li > a {
		color: #B658D1;
	}

		.theme-cs .navbar-mysoft .navbar-nav > li > a:hover,
		.theme-cs .navbar-mysoft .navbar-nav > li > a:focus {
			color: #C478DA;
			background-color: #fff;
		}

	.theme-cs .navbar-mysoft .navbar-nav > .active > a,
	.theme-cs .navbar-mysoft .navbar-nav > .active > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav > .active > a:focus {
		color: #C478DA;
		background-color: #fff;
	}

	.theme-cs .navbar-mysoft .navbar-nav > .disabled > a,
	.theme-cs .navbar-mysoft .navbar-nav > .disabled > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav > .disabled > a:focus {
		color: #ccc;
		background-color: #fff;
	}

	.theme-cs .navbar-mysoft .navbar-toggle {
		border-color: transparent;
	}

		.theme-cs .navbar-mysoft .navbar-toggle:hover,
		.theme-cs .navbar-mysoft .navbar-toggle:focus {
			background-color: #fff;
			border-color: #ccc;
		}

		.theme-cs .navbar-mysoft .navbar-toggle .icon-bar {
			background-color: #AAA;
		}

	.theme-cs .navbar-mysoft .navbar-collapse,
	.theme-cs .navbar-mysoft .navbar-form {
		border-color: #e7e7e7;
	}

	.theme-cs .navbar-mysoft .navbar-nav > .open > a,
	.theme-cs .navbar-mysoft .navbar-nav > .open > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav > .open > a:focus {
		background-color: #C478DA;
		color: #fff;
	}

	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a {
		color: #B658D1;
	}

		.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:hover,
		.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #C478DA;
			background-color: transparent;
		}

	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #C478DA;
		background-color: transparent;
	}

	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

@media (max-width: 767px) {
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a {
		color: #B658D1;
	}

		.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:hover,
		.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #C478DA;
			background-color: transparent;
		}

	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #C478DA;
		background-color: transparent;
	}

	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.theme-cs .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
}

.theme-cs .navbar-mysoft .navbar-link {
	color: #B658D1;
}

	.theme-cs .navbar-mysoft .navbar-link:hover {
		color: #333333;
	}

.theme-cs .navbar-mysoft .btn-link {
	color: #B658D1;
}

	.theme-cs .navbar-mysoft .btn-link:hover,
	.theme-cs .navbar-mysoft .btn-link:focus {
		color: #333333;
	}

	.theme-cs .navbar-mysoft .btn-link[disabled]:hover,
	fieldset[disabled] .theme-cs .navbar-mysoft .btn-link:hover,
	.theme-cs .navbar-mysoft .btn-link[disabled]:focus,
	fieldset[disabled] .theme-cs .navbar-mysoft .btn-link:focus {
		color: #cccccc;
	}

/*
 * Sidebar
 *	Theme CSCM theme-cs .navbar-mysoft 
 */

.theme-cs .body-sidebar {
	background-color: #B658D1;
}


.theme-cs .panel-mysoft-sidebar > .panel-heading {
	background-color: #A435C4;
}

	.theme-cs .panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .list-group-item,
	.theme-cs .panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .list-group-item {
		background-color: #B658D1;
	}

	.theme-cs .panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .active > a,
	.theme-cs .panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .active > a {
		color: #A435C4;
	}

		.theme-cs .panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .active > a:hover,
		.theme-cs .panel-mysoft-sidebar > .panel-heading + .panel-collapse > .panel-body > .list-group > .active > a:focus,
		.theme-cs .panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .active > a:hover,
		.theme-cs .panel-mysoft-sidebar > .panel-footer + .panel-collapse > .panel-body > .list-group > .active > a:focus {
			color: #A435C4;
		}


/*
	Mysoft Navbar 
	Theme RptCM.theme-rpt .navbar-mysoft 
*/
.theme-rpt .navbar-mysoft {
	border-top: 4px solid #927663;
	border-bottom-color: #eee;
}

	.theme-rpt .navbar-mysoft .navbar-brand {
		color: #927663;
	}

		.theme-rpt .navbar-mysoft .navbar-brand > .fa-lg {
			font-size: 1.15em;
			line-height: 0.75em;
			vertical-align: -15%;
		}

		.theme-rpt .navbar-mysoft .navbar-brand:hover,
		.theme-rpt .navbar-mysoft .navbar-brand:focus {
			color: #927663;
			background-color: #fff;
		}

	.theme-rpt .navbar-mysoft .navbar-text {
		color: #927663;
	}

	.theme-rpt .navbar-mysoft .navbar-nav > li > a {
		color: #927663;
	}

		.theme-rpt .navbar-mysoft .navbar-nav > li > a:hover,
		.theme-rpt .navbar-mysoft .navbar-nav > li > a:focus {
			color: #AD9787;
			background-color: #fff;
		}

	.theme-rpt .navbar-mysoft .navbar-nav > .active > a,
	.theme-rpt .navbar-mysoft .navbar-nav > .active > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav > .active > a:focus {
		color: #927663;
		background-color: #fff;
	}

	.theme-rpt .navbar-mysoft .navbar-nav > .disabled > a,
	.theme-rpt .navbar-mysoft .navbar-nav > .disabled > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav > .disabled > a:focus {
		color: #ccc;
		background-color: #fff;
	}

	.theme-rpt .navbar-mysoft .navbar-toggle {
		border-color: transparent;
	}

		.theme-rpt .navbar-mysoft .navbar-toggle:hover,
		.theme-rpt .navbar-mysoft .navbar-toggle:focus {
			background-color: #fff;
			border-color: #ccc;
		}

		.theme-rpt .navbar-mysoft .navbar-toggle .icon-bar {
			background-color: #AAA;
		}

	.theme-rpt .navbar-mysoft .navbar-collapse,
	.theme-rpt .navbar-mysoft .navbar-form {
		border-color: #e7e7e7;
	}

	.theme-rpt .navbar-mysoft .navbar-nav > .open > a,
	.theme-rpt .navbar-mysoft .navbar-nav > .open > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav > .open > a:focus {
		background-color: #927663;
		color: #fff;
	}

	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a {
		color: #927663;
	}

		.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:hover,
		.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #AD9787;
			background-color: transparent;
		}

	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #AD9787;
		background-color: transparent;
	}

	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

@media (max-width: 767px) {
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a {
		color: #927663;
	}

		.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:hover,
		.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #AD9787;
			background-color: transparent;
		}

	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #AD9787;
		background-color: transparent;
	}

	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.theme-rpt .navbar-mysoft .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
}

.theme-rpt .navbar-mysoft .navbar-link {
	color: #927663;
}

	.theme-rpt .navbar-mysoft .navbar-link:hover {
		color: #333333;
	}

.theme-rpt .navbar-mysoft .btn-link {
	color: #927663;
}

	.theme-rpt .navbar-mysoft .btn-link:hover,
	.theme-rpt .navbar-mysoft .btn-link:focus {
		color: #333333;
	}

	.theme-rpt .navbar-mysoft .btn-link[disabled]:hover,
	fieldset[disabled] .theme-rpt .navbar-mysoft .btn-link:hover,
	.theme-rpt .navbar-mysoft .btn-link[disabled]:focus,
	fieldset[disabled] .theme-rpt .navbar-mysoft .btn-link:focus {
		color: #cccccc;
	}

.error {
}

	.error img {
		padding: 10%;
	}

.error-body {
	margin-top: 5px;
}

.error-msg {
	margin-top: 20px;
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	color: #831F00;
	text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.175);
}

.error-detail {
	margin-top: 10px;
	color: #777;
}

	.error-detail .panel {
		border: none;
	}

	.error-detail .panel-heading {
		border: none;
		background-color: #fff;
	}

	.error-detail h4 a {
		color: #777;
		font-size: 0.8em;
		margin-right: 5px;
	}

	.error-detail .panel-collapse {
		background-color: #FFFFE1;
		word-break: break-all;
	}

@media(min-width:768px) {
	.error-msg {
		margin-top: 150px;
		text-align: left;
		padding-left: 12px;
	}

	.error img {
		padding: 0;
	}

	.error-body {
		margin-top: 20px;
	}
}
